<template>
    <button open-type="contact" bindcontact="handleContact" class="do_contact">
            <u--image class="button-img"  :src="ywKeFuLogo" width="70rpx" height="70rpx" mode="widthFix"/>
        <view class="button-text">客服</view>
    </button>



</template>

<script>
    export default {
        data() {
            return {
                ywKeFuLogo: this.$configPath.imageUrl + 'fixed/ywkefuLogo.svg',
            }
        },
    }
</script>


<style lang="scss">
    button::after{
        border: none;
    }
    .do_contact {
        position: fixed;
        right: 0px;
        bottom: 40rpx;
        width: 120rpx;
        height: 90rpx;

        border-radius: 50rpx 0rpx 0rpx 50rpx;
        background-color: #FFFFFF;
        box-shadow: -2rpx 4rpx 4rpx rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .button-img{
    }

    .button-text {
        margin-left: 10rpx;
        margin-right: 10rpx;
        font-size: 20rpx;
        line-height: 26rpx;
        width: 10rpx;
    }
</style>
